p,ul,li,h1,h2,h3,h4,body,dd,dt,dl,blockquote{margin:0; padding:0}
img{border:0}
li{list-style-type:none}
a{color:#555; font-size:12px; cursor:pointer; text-decoration:none}
a:hover{color:#ff8400; text-decoration:underline}
.fr{float:right}
.fl{float:left}
.cl{clear:both}
.hide{display:none}
.red{color:red}
.arrow{width:0; height:0; position:absolute; top:18px; right:0; display:inline-block}
.arrow-up-menu{border-bottom:5px solid #f63; border-left:5px solid transparent; border-right:5px solid transparent; display:none; top:32px}
.arrow-down-menu{border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #999; right:8px; top:15px; z-index:10; position:absolute}
table{empty-cells:show; border-collapse:collapse; border-spacing:0}
.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0}
*:first-child+html .clearfix{zoom:1}
em{font-style:normal}
.orange{color:#f63}
body{font:12px/1.5 "Hiragino Sans GB","Microsoft YaHei",simsun; font-size:13px; color:#211922; background-color:#ebebeb}
.icon{background-image:url("../images/global.png")}
.round-image{width:50px; height:50px; float:left; margin-right:9px; -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; transition:all .3s ease-in; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px}
.pager{text-align:center; padding:20px 0}
.pager a{padding:3px 8px; margin-left:7px; line-height:20px; background:#f9f9f9; border:1px solid #dbdbdb; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; color:#333}
.pager a:hover,.pager a.current{background-color:#f60; color:#fff; border:1px solid #f60; cursor:pointer}
.no_result{padding:25px 0; text-align:center}
.no_result p.words{color:#333; font-size:18px; line-height:38px}
.no_result p.words em{color:#ff8400}
#container,.search_result{width:1100px; margin:12px auto 0; background-color:#fff; border:1px solid #dcdcdc}
.container{width:1100px;    margin: 0px auto;margin-top: 20px; ;}
.search_result{font-size:16px; padding:10px 0 10px; text-indent:10px}
.search_result strong{color:#ff8400; font-weight:normal}
#site_nav{background-color:#FFF; border-bottom:1px solid #eee; color:#484848; height:30px; line-height:30px}
#site_nav .sn_container{width:1100px; margin:0 auto}
#site_nav .sn_container .sn_login,.head_pay_btn{color:#f60}
#site_nav .tg_tools{position:relative; z-index:999}
#site_nav .tg_tools .collect{color:#333}
#site_nav .tg_tools li{float:left; padding-right:10px; line-height:32px; cursor:pointer; position:relative; height:30px; z-index:999; overflow:hidden; color:#666}
#site_nav .tg_tools li span{padding:0 3px}
#site_nav .tg_tools li span a{color:#666}
#site_nav .tg_tools li span a:hover{color:#38b; text-decoration:none}
#site_nav .tg_tools li b{transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); transform-origin:50% 20%; -ms-transform-origin:50% 20%; -webkit-transform-origin:50% 20%; -moz-transform-origin:50% 20%; -o-transform-origin:50% 20%; transition:transform .2s linear; -webkit-transition:-webkit-transform .2s linear; -moz-transition:-moz-transform .2s linear; -o-transition:-o-transform .2s linear; background-position:-5px -5px; background-repeat:no-repeat; overflow:hidden; display:block; width:7px; height:4px; display:inline-block!important; vertical-align:middle; padding-bottom:2px}
#site_nav .tg_tools li:hover{text-decoration:none; border:1px solid #dedede; border-top:0; border-bottom:0; overflow:visible; margin-right:-1px; padding-right:10px; margin-left:-11px; padding-left:10px; z-index:1000; height:31px; margin-bottom:-1px}
#site_nav .tg_tools li.box_color:hover{background-color:#fff}
#site_nav .tg_tools li:hover b,.tg_tools li.hover b,.tg_tools li:hover span,.tg_tools li.hover span{position:relative; z-index:1001}
#site_nav .tg_tools li:hover ul,.tg_tools li.hover ul{*display:block; *width:85px; height:auto; overflow:hidden; opacity:1; filter:Alpha(opacity=100); transition:opacity .4s linear; -webkit-transition:opacity .4s linear; -moz-transition:opacity .4s linear; -o-transition:opacity .4s linear}
#site_nav .tg_tools li.nav_home:hover ul,.tg_tools li.nav_home.hover ul{*width:81px}
#site_nav .tg_tools li:hover ul li,.tg_tools li.hover ul li{border:0; margin-top:0; transition:margin-top .2s linear; -webkit-transition:margin-top .2s linear; -moz-transition:margin-top .2s linear; -o-transition:margin-top .2s linear}
#site_nav .tg_tools li:hover b,.tg_tools li.hover b{transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform-origin:50% 20%; -ms-transform-origin:50% 20%; -webkit-transform-origin:50% 20%; -moz-transform-origin:50% 20%; -o-transform-origin:50% 20%; transition:transform .2s linear; -webkit-transition:-webkit-transform .2s linear; -moz-transition:-moz-transform .2s linear; -o-transition:-o-transform .2s linear}
#site_nav .tg_tools li.no-hover{border:0; margin-right:0; padding-right:10px; padding-left:0; margin-left:0; height:30px}
#site_nav .tg_tools li ul{position:relative; display:block; height:0; overflow:visible; *display:none; opacity:0; filter:Alpha(opacity=0); background-color:#fff; border:1px solid #dedede; width:auto; margin:0 -11px; margin-bottom:-100%; border-top:0; z-index:1000; padding-bottom:5px; margin-top:-2px}
#site_nav .tg_tools li ul li{float:none; line-height:30px; border:0; margin:0; margin-top:-20px; zoom:1; height:30px; width:100%}
#site_nav .tg_tools li ul li:hover{margin:0; padding:0; height:30px}
#site_nav .tg_tools li ul li a{text-indent:10px; line-height:24px; float:left; display:block; width:100%; margin-top:3px}
#site_nav .tg_tools li ul li a:hover{margin:0; margin-top:3px; width:100%; background-color:#f2f2f2; color:#38b; text-decoration:none; transition:background-color .1s linear; -webkit-transition:background-color .1s linear; -moz-transition:background-color .1s linear; -o-transition:background-color .1s linear}
#site_nav .tg_tools li.tg-line{background-position:-5px -126px; background-repeat:no-repeat; overflow:hidden; display:block; width:1px; height:14px; padding:0!important; padding-right:10px!important; margin:0!important; margin-top:9px!important; border:none!important; cursor:default}
#site_nav .tg_tools .icon{background-image:url(../images/icon.png)}
#site_nav .tg_tools li.tg_tools_home{color:#f63}
#site_nav .tg_tools li.tg_tools_home i{background-image:url(../images/icon_more.png); background-position:-5px -597px; background-repeat:no-repeat; display:inline-block; height:15px; width:17px; position:relative; top:1px}
#header{background-color:#fff; padding-bottom:12px}
#header .tg_tools_home{margin:0 auto; width:1100px; height:80px}
#header .logo{width:272px; float:left; margin-top:8px}
#header .bbs_enter{float:right; overflow:hidden; margin:12px 0 0}
#search{width:466px; margin:17px 0 0 10px; float:left; position:relative}
#search .search_area{height:33px; line-height:33px; border:2px solid #ff8400; font-size:15px}
#search .search_area .search_input{height:31px; width:303px; margin-left:5px; border:0; font-family:"微软雅黑"; outline:0; line-height:31px; float:left; color:#999; *height:30px}
#search .search_area .btn_search{background-color:#ff8400; border:0; color:#FFF; width:86px; height:33px; vertical-align:top; font-family:"微软雅黑"; float:right; outline:0; cursor:pointer}
#search .search_keywords{height:22px; margin-top:5px; overflow:hidden}
#search .search_keywords a,#search .search_keywords span{color:#666}
#search .search_keywords a{margin-right:10px}
#search .search_keywords a.red{color:red}
.search_box{background-color:#fff; border:1px solid #e3e3e3; left:0; position:absolute; top:37px; width:464px; z-index:100}
.search_box a{color:#333; cursor:pointer; display:block; line-height:30px; padding:0 12px}
.search_box a:hover,.search_box a.on{background-color:#eaeaea; color:#38b; text-decoration:none}
.search_box a em{color:#ff8400}
.search_box a .tips{color:#999; float:right; font-size:12px; line-height:30px; padding-left:10px}
#nav{background-color:#ff8400; height:38px; line-height:38px}
#nav .nav_main{width:1100px; margin:0 auto; position:relative}
#nav .nav_main a{width:115px; height:100%; display:block; font-size:16px; color:#FFF; text-align:center; float:left; transition:background-color .2s linear 0s}
#nav .nav_main a.current,#nav .nav_main a:hover{background-color:#e95a00; text-decoration:none}
#nav .icon_hot{background:url("../images/hot.png") no-repeat scroll 0 0; width:21px; height:12px; display:inline-block; position:absolute; left:170px; top:-3px}
.tg_classify{position:relative; width:1100px; margin:12px auto 0; background-color:#FFF; border:1px solid #eaeaea}
.tg_classify .tg_tab_box{border-top:1px solid #eaeaea}
.tg_tab_box{border:1px solid #eaeaea; overflow:hidden}
.tg_classify .tg_tab_box .tg_classify_wrap:first-child{border-top:0}
.tg_classify .tg_tab_box .tg_classify_wrap{border-top:1px solid #eaeaea; margin:0 0 0 15px; padding:15px 0}
.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat{line-height:27px; position:relative}
.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dt{border-right:1px solid #eaeaea; color:#333; font-size:13px; height:27px; text-indent:26px}
.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat.tg_classify_all dt i{background-position:-5px -334px; background-repeat:no-repeat; display:block; height:13px; overflow:hidden; top:6px; width:13px}
.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dt i{left:0; margin-right:10px; position:absolute}
.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dd{color:#333; float:left; height:27px; text-align:center; vertical-align:middle; width:90px}
.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dd.on a,.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dd a:hover{background-color:#38b; color:#fff!important}
.tg_classify .tg_tab_box .tg_classify_wrap dl.tg_classify_flat dd a{color:#333; display:inline; height:20px; line-height:20px; padding:4px 8px; text-decoration:none}
.tg_classify .dl_left{width:88px; float:left}
.tg_classify .dl_right{width:995px; float:left}
.tg_sort{background-color:#f9f9f9; border-bottom:1px solid #eaeaea; position: relative}
.tg_sort .tg_classify_wrap{float:left}
.tg_sort .tg_classify_wrap dl.tg_classify_toggle{height:38px; margin:-1px -1px -2px 0; overflow:hidden; padding:0 15px 0 18px; position:relative; border-right:1px solid #eaeaea}
.tg_sort .tg_classify_wrap dl.tg_classify_toggle dt,.tg_sort .tg_classify_wrap .tg_classify_simplecheck dt{font-size:12px; height:38px; line-height:38px; text-align:center}
.tg_sort .tg_classify_wrap dl.tg_classify_toggle dt a{color:#333; display:block; height:38px; text-decoration:none}
.tg_sort .tg_classify_wrap dl.tg_classify_toggle dt a span{color:#333; padding:0 5px 0 3px; font-weight:normal}
.tg_sort .tg_classify_wrap dl.tg_classify_toggle dt a b{background-position:-5px -83px; background-repeat:no-repeat; display:inline-block!important; height:8px; overflow:hidden; padding-bottom:2px; vertical-align:middle; width:8px}
.tg_sort .tg_classify_wrap dl.tg_classify_toggle dt.on span,.tg_sort .tg_classify_wrap dl.tg_classify_toggle dt span:hover{color:#38b}
.tg_sort .tg_classify_wrap dl.tg_classify_toggle dt.on a b{background-position:-5px -65px; background-repeat:no-repeat; display:inline-block!important; height:8px; overflow:hidden; padding-bottom:2px; vertical-align:middle; width:8px}
.icon_order{background-image:url("../images/global.png")}
.tg_sort .tg_classify_wrap .tg_classify_simplecheck{height:38px; padding:0 0 0 30px}
.tg_sort .tg_classify_wrap .tg_classify_simplecheck dt a{text-decoration:none}
.tg_sort .tg_classify_wrap .tg_classify_simplecheck dt a i{background-position:-5px -427px; background-repeat:no-repeat; display:inline-block!important; height:14px; overflow:hidden; vertical-align:-9%; width:14px; margin-right:1px}
.tg_sort .tg_classify_wrap .tg_classify_simplecheck dt.on a i{background-position:-5px -475px}
.list{position:relative}
.list .list_main{margin:15px 8px 0 8px}
.list .list_main .per{background-color:#fff; border:1px solid #ddd; float:left; margin:0 12px 15px 0; width:260px; position:relative}
.list .list_main .per:hover{border-bottom:1px solid #4ba6e5; box-shadow:0 0 10px rgba(0,0,0,0.2)}
.list .img_link{height:350px; width:260px; display:block; text-align:center; overflow:hidden; vertical-align:middle}
.list .img_link img{vertical-align:middle}
.list .foot{border-top:1px solid #f2f2f2}
.list .foot p.title{height:22px; line-height:22px; margin:4px 0 3px}
.list .foot p.tags{height:22px; margin:0 0 6px; overflow:hidden}
/*.list .foot p.tags a{display:inline-block; margin-left:6px; padding:2px 6px; background-color:#cbcbcb; color:#fff; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px}*/
.list .foot p.title a{margin-left:10px; width:242px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.list .foot .statics{border-top:1px solid #f2f2f2; padding:6px 0 6px 10px; height:18px; color:#999;white-space: nowrap;overflow: hidden}
.list .foot .statics .last{border-right:0; margin-right:0}
.list .foot .statics a{border-right:1px solid #eee; display:inline-block; margin:0; color:#999}
.list .foot .statics a.download em{color:#b57c5b}
.list .foot .statics a.comment em{color:#38b}
.list .foot .statics a.scores em{color:#c00}
.list .foot .statics a.modalnum em{color:#666}
.list .foot .statics a.citecommon em{font-family:arial; font-weight:700; margin-right:6px}
#footer{background:none repeat scroll 0 0 #fff; margin:12px 0 0; padding:23px 0 65px}
#footer .footer_main{width:1100px; margin:0 auto}
#footer li{padding:5px 0; color:gray}
#footer a{color:gray}
#footer .guide,#footer .stores,#footer .rebate,#footer .follow{border-right:1px dashed #eaeaea; float:left; margin:0 20px 17px 0; padding:5px 0 0 50px; position:relative}
#footer .follow{border-right-width:0; margin-right:0}
#footer .guide .guide_icon,#footer .stores .guide_icon,#footer .rebate .guide_icon,#footer .follow .follow_icon{background:url("../images/icons20141021.png") no-repeat scroll 0 -97px}
#footer .guide .guide_icon,#footer .stores .guide_icon,#footer .rebate .guide_icon,#footer .follow .guide_icon,#footer .guide .stores_icon,#footer .stores .stores_icon,#footer .rebate .stores_icon,#footer .follow .stores_icon,#footer .guide .rebate_icon,#footer .stores .rebate_icon,#footer .rebate .rebate_icon,#footer .follow .rebate_icon,#footer .guide .follow_icon,#footer .stores .follow_icon,#footer .rebate .follow_icon,#footer .follow .follow_icon{height:36px; left:2px; position:absolute; top:2px; width:36px}
#footer .guide,#footer .stores,#footer .rebate,#footer .follow{width:208px}
#footer .follow .follow_icon{background:url("../images/s2.png") no-repeat scroll 0 -944px}
#footer .stores .stores_icon{background:url("../images/s.png") no-repeat scroll 0 -45px}
#footer .rebate .rebate_icon{background:url("../images/s.png") no-repeat scroll 0 -150px}
#footer .guide strong,#footer .stores strong,#footer .rebate strong,#footer .follow strong{color:#404040; font-size:14px}
#footer .friendly{border-top:1px solid #dfdfdf; clear:both; padding-top:20px; text-align:center}
.foot_menu{margin:15px 0 0}
#footer .friendly a{margin:0 8px}
#footer .friendly strong{font-weight:normal; color:#555}
#footer .address{color:#555}
#footer .link_exchange{text-align:left}
.breadcrumbs{height:36px; line-height:3.0; color:#999; padding:0 0 0 22px; background:url(../images/icon24x24.png) no-repeat 0 -173px; width:1078px; margin:5px auto 0}
.breadcrumbs a{color:#5e5e5e}
.breadcrumbs span{margin:0 5px}
.detail{width:810px; background-color:#FFF; overflow:hidden}
.detail .head{border-bottom:1px solid #d1cdcd; height:50px; padding:10px 0}
.detail .head .head_inner,.detail .content .detail_content{width:762px; margin:0 auto}
.detail .content a,.comment_listBox a{color:#369; font-size:13px}
.detail .content a{text-decoration:underline}
.detail a:hover{color:#ff8400}
.detail .content .detail_content p{line-height:24px; margin:6px auto; text-indent:2em}
.detail .content .detail_content h4{font-size:14px; height:36px; line-height:36px; margin:0}
.detail .content .detail_content pre{border:1px solid #d7d7d7; background:#fafafa; border-left-width:5px; padding:4px; margin:6px auto; font-size:12px; white-space:pre-wrap; word-wrap:break-word}
.detail .content .buttons{text-align:center}
.detail .head h1{font-size:20px; height:26px; line-height:26px; font-family:"微软雅黑","黑体"; font-weight:normal}
.detail .head .info{margin:4px 0 0 0; color:#999; height:26px}
.detail .head .info a{color:#999}
.detail .head .info .addtime{margin:0 10px}
.detail .content{margin:20px auto 15px; width:760px}
.detail .content p{line-height:24px; margin:6px auto; text-indent:2em; word-wrap:break-word; word-break:break-all}
.detail .content h3{font-size:14px; height:36px; line-height:36px}
.detail .content .big_image{text-align:center}
.detail .content .description h3{border-bottom:1px solid #ddd}
.detail .content .description h3 a{float:right; font-weight:normal; margin:5px 0 0}
.detail .content .buttons .btnbox{display:inline-block; width:229px; margin:0 15px; padding:20px 0 0 0}
.detail .content .buttons .btnbox .bigbtn{background:url(../images/bigbtn.png) no-repeat; width:229px; height:57px; line-height:99em; overflow:hidden; display:block}
.detail .content .buttons .btnbox .demo{background-position:0 0}
.detail .content .buttons .btnbox .demo:hover{background-position:-229px 0}
.detail .content .buttons .btnbox .download{background-position:0 -57px}
.detail .content .buttons .btnbox .download:hover{background-position:-229px -57px}
.detail .content .buttons .btnbox span{background:url(../images/tieicon.png) no-repeat; display:block; padding:0 0 0 20px; text-align:left; font-size:14px; color:#5e5e5e; margin:15px 0 0 45px}
.detail .content .buttons .btnbox span strong{font-weight:800; font-size:18px; margin-right:5px}
.detail .content .buttons .btnbox span.dlnum{background-position:0 -89px}
.detail .content .buttons .btnbox span.dlcount{background-position:0 -65px}
.detail .tagged_with{height:38px}
.detail .tagged_with a{margin-right:15px}
.sidebar{float:right; width:277px}
.icon_fans{width:90px; height:33px; right:0; top:0; display:inline-block; position:absolute; background:url("../images/icon_fans.png") no-repeat scroll 0 0}
.icon_original{width:52px; height:52px; right:0; top:0; display:inline-block; position:absolute; background:url("../images/original.png") no-repeat scroll 0 0}
.icon_recommend{width:23px; height:44px; left:10px; top:-6px; background-position:-70px 0; display:inline-block; position:absolute; background:url("../images/icon-feature.png") no-repeat scroll -70px 0}
.btn{-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; background-color:#ff8400; color:#fff; display:inline-block; height:28px; line-height:28px; text-align:center; width:72px; transition:background-color .2s linear 0s; border:0; cursor:pointer}
.btn:hover{opacity:0.9; filter:alpha(opacity=90);}
.button3{display:inline-block; text-decoration:none; font:bold 12px/12px HelveticaNeue,Arial; padding:8px 11px; color:#555; border:1px solid #dedede; cursor:pointer}
.button3.white{background:#f5f5f5; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#f0f0f0'); background:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#f0f0f0)); background:-moz-linear-gradient(top,#f9f9f9,#f0f0f0); border-color:#dedede #d8d8d8 #d3d3d3; color:#555; text-shadow:0 1px 0 #fff; -webkit-box-shadow:0 1px 1px #eaeaea,inset 0 1px 0 #fbfbfb; -moz-box-shadow:0 1px 1px #eaeaea,inset 0 1px 0 #fbfbfb; box-shadow:0 1px 1px #eaeaea,inset 0 1px 0 #fbfbfb; border-radius:1.3em; -moz-border-radius:1.3em; -webkit-border-radius:1.3em}
.button3.white:hover{border-color:#c7c7c7 #c3c3c3 #bebebe; text-shadow:0 1px 0 #fdfdfd; -webkit-box-shadow:0 1px 1px #ebebeb,inset 0 1px 0 #f3f3f3; -moz-box-shadow:0 1px 1px #ebebeb,inset 0 1px 0 #f3f3f3; box-shadow:0 1px 1px #ebebeb,inset 0 1px 0 #f3f3f3}
#windown_box{width:480px; background-color:#fff}
#windown_box .pop_close:hover{color:#f04848}
#windown_box .pop_close{background:url("../images/close.png") no-repeat scroll -116px -426px; display:block; height:11px; position:absolute; right:15px; top:24px; width:13px; cursor:pointer; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out; z-index:1}
#windown_box .pop_close:hover{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg)}
#windown_box .pop_title{border-bottom:1px solid #dcdcdc; height:60px; line-height:60px; overflow:hidden; padding:0 20px; position:relative}
#windown_box .pop_title .pop_name{float:left; font-family:"Microsoft YaHei"; font-size:20px}
#windown_box .pop_title a.a_underline{float:right; font-size:12px}
#windown_box .pop_content{font-size:12px; padding:0 90px 40px}
.form_item{margin:20px auto; position:relative}
.item_tip{background-color:#fff; color:#999; font-size:12px; left:12px; padding:0 3px; position:absolute; top:10px; transition:all .2s linear 0s}
.form_input{border:1px solid #dcdcdc; border-radius:5px; font-size:12px; padding:9px 10px; transition:border-color .15s ease-in-out 0s; width:278px}
.form_input-focus{border-color:#5188a6; outline:0 none}
.item_tip_focus{color:#5188a6; font-size:12px; top:-8px}
.two_weeks{clear:both; height:25px; margin-bottom:10px; overflow:hidden; padding-top:10px}
.two_weeks .loginbox_reg{margin-left:126px}
.notice_error{color:#f46060; padding-bottom:10px; text-align:center}
.two_weeks .ckeckBox{color:#999}
.two_weeks label{color:#666; cursor:pointer; padding-right:26px}
.modal_backdrop{position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000}
.modal_backdrop.fade{opacity:0}
.modal_backdrop,.modal_backdrop.fade.in{opacity:.8; filter:alpha(opacity=80)}
.modal{display:none; position:fixed; top:10%; left:50%; z-index:1050; width:560px; margin-left:-280px; background-color:#fff; border:1px solid #999; border:1px solid rgba(0,0,0,0.3); *border:1px solid #999; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; outline:0; -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3); -moz-box-shadow:0 3px 7px rgba(0,0,0,0.3); box-shadow:0 3px 7px rgba(0,0,0,0.3); -webkit-background-clip:padding-box; -moz-background-clip:padding-box; background-clip:padding-box}
.modal.fade{top:-25%; -webkit-transition:opacity .3s linear,top .3s ease-out; -moz-transition:opacity .3s linear,top .3s ease-out; -o-transition:opacity .3s linear,top .3s ease-out; transition:opacity .3s linear,top .3s ease-out}
.modal.fade.in{top:18%}
.detail_foot{width:760px; margin:0 auto; overflow:hidden}
.comments .title{font-family:"Microsoft YaHei"; font-size:18px; font-weight:normal; height:40px; line-height:40px; overflow:hidden}
.comments .num_area{color:#999; font-size:12px; font-weight:normal}
.comments .comment_send{font-size:12px; position:relative; padding:20px 0; border-top:1px solid #dcdcdc;}
.comment_avatar{float:left; width:60px; text-align:center}
.userPic{display:block}
.comments .comment_send .userPic{height:60px; margin-right:20px; width:60px}
.userPic img{-webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%}
.textarea_comment{width:658px; border:1px solid #dcdcdc; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; color:#ccc; font-size:12px; height:60px; line-height:20px; margin-bottom:10px; padding:10px; overflow:hidden}
.comments .comment_sendPart{padding-left:80px; position:relative}
.comments .btn_p{position:relative}
.comment_send .comment_tip{top:36px; position:absolute; right:180px; font-size:12px; height:0; overflow:hidden; color:#f04848}
.comment_wrap .comment_tip{top:29px; position:absolute; right:120px; font-size:12px; height:0; overflow:hidden; color:#f04848}
.comments span.emotion{background:url("../images/emot.gif") no-repeat scroll 2px 2px; cursor:pointer; height:20px; padding-left:20px; width:42px}
span.emotion:hover{background-position:2px -28px}
.btn_p .btn_subGrey{-webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; color:#fff; font-size:14px; height:40px; text-align:center; width:150px; border:0; float:right}
.comment_list{border-bottom:1px solid #dcdcdc; margin-bottom:16px; padding-bottom:20px}
.comment_list .comment_avatar{font-size:12px; padding-right:16px; position:relative; text-align:center; width:36px; float:left}
.comment_list .userPic{height:36px; margin-bottom:4px; width:36px}
.grey{color:#999}
.comment_conBox{color:#666; float:left; width:700px}
.comment_conBox img{position:relative; top:2px}
.comment_avatar_time{overflow:hidden; height:26px}
.comment_avatar_time .time{float:right; margin-top:2px}
.time{color:#999; font-size:12px}
.blockquote_wrap{margin-bottom:10px; padding-top:8px}
.comment_blockquote{background-color:#f8f8f8; border:1px solid #dcdcdc; margin-top:-1px; padding:15px 19px}
.reply_area{display:none}
.reply_area textarea{height:40px; margin:5px 0 12px; padding:5px; width:688px; color:#666}
.reply_area .btn{width:70px; height:28px; font-size:12px; line-height:26px}
.comment_floor{color:#999; float:right; margin:-14px -12px 0 0}
.comment_con{overflow:hidden; padding-right:15px; width:650px}
.comment_con p{display:inline; word-break:break-all; word-wrap:break-word}
.comment_action{text-align:right; float:right}
.comment_action a,.comment_action_sub a{color:#999; font-size:12px; padding-left:12px; text-decoration:none}
.smileBoxOuter{background-color:#f5f5f5; border:1px solid #dcdcdc; clear:both; height:176px; padding:12px; position:absolute; width:386px; display:none; z-index:800}
ul.smileBox{width:386px; height:140px}
ul.smileBox li{width:36px; height:36px; float:left; margin:-1px 0 0 -1px; padding:0; border-bottom:0}
ul.smileBox li a{background:url(../images/static.gif) no-repeat #fff; width:34px; height:34px; display:block; border:1px solid #dcdcdc}
ul.smileBox li a:hover{border:1px solid #f04848; background-color:#f9f9f9; position:relative; z-index:2}
ul.smileBox li a.smile2{background-position:-34px 0}
ul.smileBox li a.smile3{background-position:-68px 0}
ul.smileBox li a.smile4{background-position:-102px 0}
ul.smileBox li a.smile5{background-position:-136px 0}
ul.smileBox li a.smile6{background-position:-170px 0}
ul.smileBox li a.smile7{background-position:-204px 0}
ul.smileBox li a.smile8{background-position:-238px 0}
ul.smileBox li a.smile9{background-position:-272px 0}
ul.smileBox li a.smile10{background-position:-306px 0}
ul.smileBox li a.smile11{background-position:-340px 0}
ul.smileBox li a.smile12{background-position:-374px 0}
ul.smileBox li a.smile13{background-position:-408px 0}
ul.smileBox li a.smile14{background-position:-442px 0}
ul.smileBox li a.smile15{background-position:-476px 0}
ul.smileBox li a.smile16{background-position:-510px 0}
ul.smileBox li a.smile17{background-position:-544px 0}
ul.smileBox li a.smile18{background-position:-578px 0}
ul.smileBox li a.smile19{background-position:-612px 0}
ul.smileBox li a.smile20{background-position:-646px 0}
ul.smileBox li a.smile21{background-position:-680px 0}
ul.smileBox li a.smile22{background-position:-714px 0}
ul.smileBox li a.smile23{background-position:-748px 0}
ul.smileBox li a.smile24{background-position:-782px 0}
ul.smileBox li a.smile25{background-position:-816px 0}
ul.smileBox li a.smile26{background-position:-850px 0}
ul.smileBox li a.smile27{background-position:-884px 0}
ul.smileBox li a.smile28{background-position:-918px 0}
ul.smileBox li a.smile29{background-position:-952px 0}
ul.smileBox li a.smile30{background-position:-986px 0}
ul.smileBox li a.smile31{background-position:-1020px 0}
ul.smileBox li a.smile32{background-position:-1054px 0}
ul.smileBox li a.smile33{background-position:-1088px 0}
ul.smileBox li a.smile34{background-position:-1122px 0}
ul.smileBox li a.smile35{background-position:-1156px 0}
ul.smileBox li a.smile36{background-position:-1190px 0}
ul.smileBox li a.smile37{background-position:-1224px 0}
ul.smileBox li a.smile38{background-position:-1258px 0}
ul.smileBox li a.smile39{background-position:-1292px 0}
ul.smileBox li a.smile40{background-position:-1326px 0}
ul.smileBox li a.smile41{background-position:-1360px 0}
ul.smileBox li a.smile42{background-position:-1394px 0}
ul.smileBox li a.smile43{background-position:-1428px 0}
ul.smileBox li a.smile44{background-position:-1462px 0}
ul.smileBox li a.smile45{background-position:-1496px 0}
ul.smileBox li a.smile46{background-position:-1530px 0}
ul.smileBox li a.smile47{background-position:-1564px 0}
ul.smileBox li a.smile48{background-position:-1598px 0}
ul.smileBox li a.smile49{background-position:-1632px 0}
ul.smileBox li a.smile50{background-position:-1668px 0}
ul.smileBox li a.smile51{background-position:-1702px 0}
ul.smileBox li a.smile52{background-position:-1736px 0}
ul.smileBox li a.smile53{background-position:-1768px 0}
ul.smileBox li a.smile54{background-position:-1802px 0}
ul.smileBox li a.smile55{background-position:-1836px 0}
ul.smileBox li a.smile56{background-position:-1870px 0}
ul.smileBox li a.smile57{background-position:-1904px 0}
ul.smileBox li a.smile58{background-position:-1938px 0}
ul.smileBox li a.smile59{background-position:-1972px 0}
ul.smileBox li a.smile60{background-position:-2006px 0}
ul.smileBox li a.smile61{background-position:-2040px 0}
ul.smileBox li a.smile62{background-position:-2074px 0}
ul.smileBox li a.smile63{background-position:-2108px 0}
ul.smileBox li a.smile64{background-position:-2142px 0}
ul.smileBox li a.smile65{background-position:-2176px 0}
ul.smileBox li a.smile66{background-position:-2210px 0}
ul.smileBox li a.smile67{background-position:-2244px 0}
ul.smileBox li a.smile68{background-position:-2278px 0}
ul.smileBox li a.smile69{background-position:-2312px 0}
ul.smileBox li a.smile70{background-position:-2346px 0}
ul.smileBox li a.smile71{background-position:-2380px 0}
ul.smileBox li a.smile72{background-position:-2414px 0}
ul.smileBox li a.smile73{background-position:-2448px 0}
ul.smileBox li a.smile74{background-position:-2482px 0}
ul.smileBox li a.smile75{background-position:-2516px 0}
ul.smileBox li a.smile76{background-position:-2550px 0}
ul.smileBox li a.smile77{background-position:-2584px 0}
ul.smileBox li a.smile78{background-position:-2618px 0}
ul.smileBox li a.smile79{background-position:-2652px 0}
ul.smileBox li a.smile80{background-position:-2686px 0}
ul.smileBox li a.smile81{background-position:-2720px 0}
ul.smileBox li a.smile82{background-position:-2754px 0}
ul.smileBox li a.smile83{background-position:-2788px 0}
ul.smileBox li a.smile84{background-position:-2822px 0}
.smilePage{text-align:right; width:384px; line-height:24px; padding-top:12px}
.smilePage a{display:inline-block; width:24px; height:24px; margin-left:10px; text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px}
.smilePage a:hover,.smilePage a.current{background-color:#f04848; color:#fff; font-weight:bold; text-decoration:none}
.pagination{text-align:center; margin:20px 0; overflow:hidden}
.pagination li{display:inline; min-width:24px; height:24px; line-height:24px; padding-right:10px; color:#5188a6}
.pagination li.jumpToPage{color:#999; padding-left:10px}
.pagination a{display:inline-block; padding:0 8px; color:#5188a6}
.pagination a:hover,.pagination .pageCurrent,.pagination .pageCurrent:hover{background-color:#f04848; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; color:#fff; font-weight:bold}
.pagination .pageup a:hover,.pagination .pagedown a:hover{background-color:#fff; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; color:#5188a6; font-weight:normal; text-decoration:underline}
.pagination .noClick a,.pagination .noClick a:hover{background-color:#fff; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; color:#999; font-weight:normal; text-decoration:none}
.pagination span{font-family:"SimSun"; font-size:12px}
.input_num{height:22px; line-height:22px; border:1px solid #dcdcdc; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; padding:0 5px; color:#666; width:26px; margin:0 5px}
.pagination .a_jumpTo{width:36px; height:24px; line-height:24px; background-color:#f04848; color:#fff; padding:0; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px}
.pagination .a_jumpTo:hover{font-weight:normal}
.searchReslut_nav{padding-top:10px; overflow:hidden}
.searchReslut_nav li{display:inline; padding-right:30px; height:39px; line-height:39px}
.searchReslut_nav li h2{display:inline; font-size:14px; font-weight:normal}
.searchReslut_nav li.selected_nav{float:right; padding-right:0}
.searchReslut_nav li.selected_nav h1{font-size:14px}
.searchReslut_nav li a{display:inline-block; height:37px; color:#333}
.searchReslut_nav li a:hover{color:#5188a6}
.searchReslut_nav li.current_nav a,.searchReslut_nav li.current_nav a:hover{border-bottom:2px solid #f04848; font-weight:bold; color:#333}
.searchReslut_nav li span{color:#999; font-size:12px; font-weight:normal}
.bshare{float:right; margin:3px 0 0}
.banner{height:250px; position:relative; overflow:hidden; width:600px; float:right}
.banner img{width:600px; height:250px}
.banner .banner_page{position:absolute; right:5px; bottom:10px}
.banner .banner_page_btn{background-image:url("../images/slider_bn_bg.png"); width:30px; height:75px; position:absolute; top:85px; z-index:9998; display:none}
.banner .banner_page_left{background-position:0 0; left:0}
.banner .banner_page_left:hover{background-position:-30px 0}
.banner .banner_page_right{background-position:0 -75px; right:0}
.banner .banner_page_right:hover{background-position:-30px -75px}
.banner_page a{width:20px; height:20px; line-height:19px; display:inline-block; background-color:#999; color:#FFF; text-align:center; margin-right:7px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px}
.banner_page a.current,.banner_page a:hover{background-color:#fe4800; text-decoration:none}
.merchant_cats{width:180px; border:1px solid #ddd; position:relative; background-color:#fff}
.merchant_cats .head{background-color:#f9f9f9; height:34px; line-height:34px; border-bottom:1px solid #eee}
.merchant_cats .head h3{color:#666; font-size:16px; font-weight:normal; margin-left:17px}
.merchant_cats .content{padding:5px 0; font-size:14px}
.merchant_cats .content a{height:30px; line-height:30px; padding:2px 22px 2px 24px; vertical-align:middle; display:block; position:relative; color:#484848; font-size:14px}
.merchant_cats .content a span{-webkit-transition:-webkit-transform .2s linear; -moz-transition:-moz-transform .2s linear; -o-transition:-o-transform .2s linear; transition:transform .2s linear; display:inline-block}
.merchant_cats .content a:hover span{-webkit-transform:translateX(8px); -moz-transform:translateX(8px); -ms-transform:translateX(8px); -o-transform:translateX(8px); transform:translateX(8px)}
.merchant_cats .content a.on{background-color:#f7ffe7}
.merchant_cats .content .icon_merchant{background-image:url("../images/classification_cion.png"); display:inline-block; width:15px; height:22px; vertical-align:middle; margin-right:8px; position:relative}
.merchant_cats .content .icon_merchant_fire{bottom:4px; background:url("../images/classification_cion2.png") no-repeat scroll 0 0}
.merchant_cats .content .icon_merchant_mobile{bottom:4px; background:url("../images/classification_cion2.png") no-repeat scroll 0 -27px}
.merchant_cats .content .icon_merchant_js{bottom:4px; background:url("../images/classification_cion2.png") no-repeat scroll 0 -53px}
.merchant_cats .content .icon_merchant_png{bottom:4px; background:url("../images/classification_cion2.png") no-repeat scroll 0 -75px}
.merchant_cats .content .icon_merchant_typeface{bottom:4px; background:url("../images/classification_cion2.png") no-repeat scroll 0 -95px}
.merchant_cats .content .icon_merchant_code{bottom:4px; background:url("../images/classification_cion2.png") no-repeat scroll 0 -119px}
.merchant_cats .content .merchant_arrow{display:inline-block; float:right; margin:12px 0 0}
.merchant_cats .content .merchant_arrow_right{background-image:url("../images/classification_cion.png"); background-position:0 -309px; width:7px; height:10px}
.merchant_cats .content .merchant_arrow_left{background:url("../images/classification_cion.png") no-repeat scroll 0 -330px; display:none; width:10px; height:19px; position:absolute; right:-1px; top:12px; z-index:9998}
.index_left{width:782px}
.sidebar_per{border:1px solid #DDD; border-top:6px solid #333; float:right; width:308px; background-color:#fff; height:445px; margin-bottom:12px}
.sidebar .sidebar_per{width:275px; height:auto}
.sidebar .sidebar_per dd.sidebar_articles a{width:185px}
.sidebar .sidebar_per dt a.more{margin-right:9px}
.container .index_first{height:250px}
.index_first .sidebar_first{height:243px;position: relative}
.sidebar_per dt{height:40px}
.sidebar_per dt strong{color:#414141; display:inline-block; font-size:18px; margin:5px 9px 0; font-weight:normal}
.sidebar_per dt a{float:right; margin:11px 12px 0 0}
.sidebar_per dd.sidebar_articles{background:url("../images/a.png") no-repeat scroll -178px -66px; height:20px; line-height:20px; margin:0 9px 9px 9px; overflow:hidden; padding-left:20px}
.sidebar_per dd.sidebar_articles a{display:block; width:225px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.apply .btn{width:auto; padding:0 10px; text-decoration:none}
.arrow-right-menu{border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #f63; display:none; top:32px}
.sidebar_per dd.sidebar_articles span{float:right; color:#ccc}
span.more-sign{font-family:"SimSun"}
.index_per{margin:12px 0 0; overflow:hidden}
.sidebar_per dt strong .name-en{color:#ddd}
.index_recommend{border:1px solid #e5e5e5; background-color:#fff; width:782px; margin-bottom:12px; height:450px; overflow:hidden}
.index_recommend .head{border-bottom:2px solid #bbb; height:40px; line-height:40px}
.index_recommend .head strong{color:#333; font-size:18px; font-weight:normal; margin-left:17px; width:115px; display:block; float:left}
.index_recommend .head ul{float:left; width:606px;}
.index_recommend .head ul li{float:left; width:86px; height:40px; line-height:42px; font-size:13px; text-align:center; position:relative; cursor:pointer; color:#666}
.index_recommend .head ul li:hover{color:#f63}
.index_recommend .head ul li.current{border-bottom:2px solid #f63; color:#f63}
.index_recommend .head ul li.current .arrow-up-menu{display:block; left:47%; top:35px}
.index_recommend .head .more{float:right; font-size:12px; margin-right:10px; display:block; position:relative; top:1px}
.more{color:#999}
.index_recommend .content{width:758px; margin:0 0 0 24px; padding:8px 0 0}
.index_recommend .content .per{display:none}
.index_recommend .content .per.current{display:block}
.index_recommend .content ul li{float:left}
.index_recommend .content .ul_pics{height:202px}
.index_recommend .content .ul_pics li{height:190px; margin:12px 14px 0 0; width:235px; overflow:hidden}
.index_recommend .content .ul_pics li a{color:#666; display:block; overflow:hidden}
.index_recommend .content .ul_pics li a:hover,.index_recommend .content ul.ul_words li a:hover,.sidebar_per dd a:hover{color:#ff8400}
.index_recommend .content .ul_pics li a img{margin:0 0 3px; width:233px; height:160px; border:1px solid #ddd}
.index_recommend .content .ul_pics li.three{margin-right:0}
.index_recommend .content ul.ul_words li{background:url("../images/a.png") no-repeat scroll -182px -94px; display:inline; float:left; height:24px; line-height:24px; margin:3px 14px 6px 0; overflow:hidden; padding-left:16px; width:219px}
.index_recommend .content ul.ul_words li a{color:#444; display:block; width:219px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.apply{text-align:center}
.template_description{text-align:left; text-indent:2em}
.template_feature{text-align:left; text-indent:2em; margin:15px 0 8px}
.feature{margin:0 20px 0 0}
.sitemap_li{float:left; width:190px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.description h4{padding:8px 0}
pre{border:1px solid #d7d7d7; background:#fafafa; border-left-width:5px; padding:4px; margin:6px auto; font-size:12px; white-space:pre-wrap; word-wrap:break-word}
.detail .content .demo_image{text-align:center}
.detail .content .demo_image img{border:1px solid #d3d3d3; padding:5px; max-width:760px}
.table_parameters{border-left:1px solid #d3d3d3; border-top:1px solid #d3d3d3; margin:6px auto}
.table_parameters tr.tr_head{background:none repeat scroll 0 0 #f7f7f7; font-weight:bold; padding:6px; text-align:center}
.table_parameters td{border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; line-height:26px; padding:2px 2px 2px 5px}
ul.ul_demo li{background:url("../images/demo_icon.gif") no-repeat scroll 0 6px; line-height:28px; padding-left:20px}
.detail .content .table_parameters p{text-indent:0}
.search_select{float:left; width:30px; height:34px}
.like_merge{height:32px; right:6px; overflow:hidden; position:absolute; top:6px; width:115px; display:none}
.like_merge .poster_forward,.like_merge .poster_likes,.like_merge .poster_del,.like_merge .poster_dellike{background:linear-gradient(#fffcfc,#f3f0f0) repeat scroll 0 0; border:1px solid #d6d6d1; border-radius:3px; cursor:pointer; font-size:14px; height:30px; line-height:30px; margin-right:2px; overflow:hidden; padding:0 5px; text-align:center}
.lm_love,.lm_love2,.lm_comm,.lm_shouji,.lm_like,.lm_liked{background:url("../images/mls_global140607.png") no-repeat scroll 0 0; height:12px}
.lm_like{background-position:-101px -67px; padding:0 8px;margin-right: 3px}
.lm_liked{background-position:-127px -67px; padding:0 8px}
.lm_shouji{background-position:-158px -66px; padding:0 6px}
.like_merge .poster_likes{line-height:32px}
.icon-search{background:url("../images/search.gif") no-repeat scroll 10px 10px; display:inline-block; float:left; height:100%; width:30px}
.declare{background:none repeat scroll 0 0 #e8f5fe; border:1px solid #abcee4; margin:4px 0; padding:6px}
.declare a,.page_nav a{color:#369}
.declare span{font-weight:bold}
.page_nav{background:none repeat scroll 0 0 #f7f7f7; height:26px; line-height:26px; margin:10px auto; padding:4px 2px}
.pre_page{background:url("../images/icon.gif") no-repeat scroll 2px -51px; overflow:hidden; padding-left:16px; white-space:nowrap; width:360px; text-overflow:ellipsis}
.next_page{background:url("../images/icon.gif") no-repeat scroll right -79px; float:right; overflow:hidden; padding-right:20px; text-align:right; white-space:nowrap; width:360px; text-overflow:ellipsis}
.alipay{margin-top:10px}
.alipay_img img{width:150px}
.sidebar_tags a{background-color:#428bca; color:#fff; display:inline-block; line-height:21px; margin:0 5px 5px 0; opacity:.8; padding:0 6px}
.sidebar_tags{padding:3px 0 8px 16px}
.sidebar_tags a:nth-child(9n){background-color:#4a4a4a}
.sidebar_tags a:nth-child(9n+1){background-color:#428bca}
.sidebar_tags a:nth-child(9n+2){background-color:#5cb85c}
.sidebar_tags a:nth-child(9n+3){background-color:#d9534f}
.sidebar_tags a:nth-child(9n+4){background-color:#567e95}
.sidebar_tags a:nth-child(9n+5){background-color:#b433ff}
.sidebar_tags a:nth-child(9n+6){background-color:#00aba9}
.sidebar_tags a:nth-child(9n+7){background-color:#b37333}
.sidebar_tags a:nth-child(9n+8){background-color:#f60}
.sidebar_tags a{opacity:.80; filter:alpha(opacity=80); color:#fff; background-color:#428bca; display:inline-block; margin:0 5px 5px 0; padding:0 6px; line-height:21px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px}
.sidebar_per .sidebar_tags a:hover{opacity:1; filter:alpha(opacity=100); text-decoration:none; color:#fff}
.tag_head{background-color:#f7f7f7; border-bottom:1px solid #dcdcdc; padding:10px 20px}
.tag_head h1{font-size:18px; color:#333; font-weight:normal}
.tag_head h1 strong{color:#f60; font-weight:normal}
.rechose{background:url("../images/icon_conditions.png") no-repeat scroll 0 -63px; float:right; margin:6px 0 0; padding-left:20px}
.ul_foot a{display:inline-block; width:100px}
.disabled{opacity:0.6; filter:alpha(opacity=60);cursor:default;}
.disabled:hover{opacity:0.6; filter:alpha(opacity=60);cursor:default;}
.setting-verify{padding:30px 60px 120px; text-align:center}
.setting-verify h1{font-size:18px}
.setting-verify p{font-size:20px; margin:14px 0 20px}
.verified-status{color:#2ea7e0}
.verified-status i{background:url("../images/validmail-icon.png") no-repeat scroll 0 0; display:inline-block; height:60px; margin-bottom:10px; width:60px}
.setting-verify .verify-un{color:#fcb700; display:inline-block; padding-bottom:6px}
.setting-verify .btn{font-size:14px; height:40px; line-height:40px; width:160px; margin-top:20px}
.btn-green{background-color:#39b94e}
.btn-green:hover{background-color:#33a646}
.setting-verify .btn-blue{background-color:#58b9e6; color:#fff; margin-left:15px}
.setting-verify .btn-blue:hover{background-color:#2ea7e0}
.setting-resetpwd{margin:0; padding:30px 60px 60px 70px}
.wlfg-wrap .label-name{color:#656e73; float:left; font-size:14px; height:40px; line-height:40px; text-align:right; width:120px}
.wlfg-wrap .btn-green{font-size:14px; height:40px; line-height:40px; width:160px}
.rlf-tip-wrap .error{background:url("../images/rl-sprite.png") no-repeat scroll -108px -939px; color:#be3948; padding-left:15px}
.rlf-tip-wrap{font-size:12px; height:30px; position:relative; top:10px; left:10px}
.detail .head .info a.collection-btn{margin:0 0 0 4px; position:relative; top:1px}
.detail .head .info a.collection-btn:hover{text-decoration:none}
.mmsg-box{border:2px solid #fff; border-radius:2px; box-shadow:0 2px 4px rgba(0,0,0,0.1); left:50%; position:fixed; top:50%; z-index:9999; display:none}
.mmsg-content{color:#fff; font-size:18px; padding:10px 20px 10px 47px}
.mmsg-icon{background:url("../images/msgbox-sprite.png") no-repeat scroll 0 0; height:30px; left:10px; position:absolute; top:10px; width:30px}
.mmsg-box-info .mmsg-icon{background-position:0 -40px}
.mmsg-box-info .mmsg-background{background:none repeat scroll 0 0 #2ea7e0; bottom:0; left:0; opacity:.9; position:absolute; right:0; top:0; z-index:-1}
.info .poster_likes{margin-left:5px}
.comment_action_sub{visibility:hidden; float:right; text-align:right}
.blockquote_wrap .reply_area textarea{width:649px}
.order-page{position: absolute; right: 0; top: 8px; z-index: 1;}
.order-page .find_results_num{display: inline-block; text-align: right; width: 205px;}
.order-page .page-small{display: inline-block; margin-right: 5px; text-align: right; width: 115px;}
.order-page a.page-btn{border: 1px solid #dddddd; display: inline-block; height: 22px; margin: 0 5px; position: relative; vertical-align: middle; width: 22px;}
.order-page .arrow-left-none{border-right: 5px solid #ccc;}
.order-page .arrow-left{border-bottom: 5px solid transparent; border-right: 5px solid #666666; border-top: 5px solid transparent; left: 8px; top: 7px;}
.order-page .arrow-right{border-bottom: 5px solid transparent; border-left: 5px solid #666666; border-top: 5px solid transparent; left: 9px; top: 7px;}
.order-page .arrow-left-none{border-right: 5px solid #ccc;}
.order-page .arrow-right-none{border-left: 5px solid #ccc;}
.dl{overflow: hidden;}
.dl dt{clear: both; margin: 20px 0;}
.dl dd{float: left; height: 184px; margin: 0 0 20px 30px; text-align: center; width: 280px;}
.dl img{display: inline-block; margin-bottom: 3px; padding: 5px; vertical-align: middle;}
.dl a{margin: 0 10px;}
.co_login, .login_form{width: 310px;}
.co_login{color: #999; text-align: center;}
.co_login a{padding-left: 12px;}
.msg_notify{background: url("../images/icon_bg.png") no-repeat scroll -125px -125px; display: block; height: 18px; margin-top: 7px; width: 25px; position:relative;}
.msg_notify em{background: url("../images/icon_bg.png") no-repeat scroll -150px -125px; color: #fff; font-size: 12px; font-style: normal; height: 18px; line-height: 18px; position: absolute; right: -6px; text-align: center; top: -2px; width: 19px; text-indent:1px;}
.tg_classify_all .on .red{color:#FFF}
body .hot-label:hover,body .list-tag:hover{text-decoration: none}
.hot-label, .list-tag {
    background: #edf1f2 none repeat scroll 0 0;
    color: #787d82;
    float: left;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-left:6px;
    padding: 0 10px;
    transition: all 0.25s ease 0s;
    white-space: nowrap;
    word-wrap: break-word;
}
.hot-label:link, .hot-label:visited, .list-tag:link, .list-tag:visited {
    color: #787d82;
}
.hot-label:hover, .list-tag:hover, .custom-content .hot-label.curr, .custom-content .list-tag.curr {
    background-color: #d0d6d9;
    color: #14191e !important;
}

.topic .detail .content p {
      text-indent: 0;
}
.content .short_tit a{margin-right: 5px}
.table_parameters pre{word-wrap: break-word;word-break: normal; max-width:490px;margin:0}
#login_area{display: none}

.share-list {
    display: inline-block;
        padding: 0 10px 0 17px;
}

.share-list b {
    background:url("../images/newicon20140910.png") no-repeat scroll -162px -296px;
    width: 12px;
    display: inline-block;
    height: 12px;
}




/* =================  Social ================= */
.social-links {
	position:absolute;
	padding:0;
	margin:0;
	padding-top:18px;

	
}
.social-links li {
	display:inline;
	padding-right:5px;
	width:24px;
	height:26px;
}
/* ================= Header and Logo ================= */

.header_bg {
	min-height:190px;
	background:#403830 url(../images/header-bg.jpg) repeat-x;
}
.header_bg.grey {
	background:#f2f2f2 url("../images/header_delimiter.png") repeat-x bottom;
}
.header_bg .logo {
	float:left;
	margin-bottom:10px;
	margin-top: 100px;
`
}
/* ================= Header Menu ================= */
.main-menu {
	margin:113px 0 0 0;
	float:right;
}
.main-menu ul {
	margin:0;
}
.main-menu li ul {
	padding-top:2px;
	left:-2px;
}
.main-menu li ul li {
	box-shadow:2px 2px 2px 0px rgba(0,0,0,0.1);
}
.main-menu li {
	white-space:nowrap;
	display:block;
	position:relative;
	margin:0;
	padding:0;
	z-index:100;
}
.main-menu a {
	display:block;
	position:relative;
	font-size:14px;
	font-family:"Helvetica neue", Arial, sans-serif;
	color:#f9f4e1;
	font-weight:bold;
}
.main-menu a:hover {
	text-decoration:none;
	color:#d8c0a8;
}
.main-menu li.submenu > a {
	padding-right:20px;
	background:url(../images/menu_down_arrow.png) no-repeat right;
	cursor:default;
}
.main-menu > ul > li {
	float:left;
	margin-right:28px;
}
.main-menu > ul > li:last-child {
	margin-right:0;
}
.main-menu li ul {
	display:none;
	position:absolute;
	top:100%;
	z-index:100;
}
.main-menu li:hover > ul {
	display:block;
}
.main-menu li ul li.submenu > a {
	padding-right:10px;
	background:#403830 url(../images/submenu_left_arrow.png) no-repeat right;
}
.main-menu li ul li.submenu > a:hover {
	padding-right:10px;
	background:#f5f5f5 url(../images/submenu_left_arrow.png) no-repeat right;
}
.main-menu li ul li {
	border-bottom:1px solid #534a42;
	background:#FFF;
}
.main-menu li ul li a:hover {
	background:#f5f5f5;
	color:#d43a32;
}
.main-menu li ul li:last-child {
	border-bottom:1px solid #2e2823;
}
.main-menu li ul li a {
	padding:0 25px 0 12px;
	line-height:33px;
	background:#403830;
}
.main-menu li ul li ul {
	top:-1px !important;
	left:100% !important;
	padding:0 !important;
}
<!-- footer -->
.footer_bg_bottom {
    border-top: 1px solid #453c34;
    background: #403830;
}
footer{
    display: block;
}
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
::selection {
	background:#2e2823;
	color:#FFFFFF;
}


.footer_bg {
	border-top:10px solid #d93e39;
	background:#282828;
	margin-top:60px;
}
.footer_bg.no_margin {
	margin-top:0;
}
.footer {
	margin-top:35px;
}
.footer_bg .footer h1.about {
	background:url("../images/footer_about.png") no-repeat 0px 4px;
	color:#aaaaaa;
	font-size:18px;
	text-shadow:0 1px 0 #262626;
	font-weight:400;
	text-indent:30px;
}
.footer_bg .footer h1.blog {
	background:url("../images/footer_blog.png") no-repeat 0px 4px;
	color:#aaaaaa;
	font-size:18px;
	text-shadow:0 1px 0 #262626;
	font-weight:400;
	text-indent:30px;
}
.footer_bg .footer h1.flickr {
	background:url("../images/footer_flickr.png") no-repeat 0px 4px;
	color:#aaaaaa;
	font-size:18px;
	text-shadow:0 1px 0 #262626;
	font-weight:400;
	text-indent:30px;
}
.footer_bg .footer p {
	color:#cccccc;
	line-height:22px;
}
.footer_bg_bottom {
	border-top:1px solid #453c34;
	background:#403830;
}
.footer .lastest_posts img {
	float:left;
	margin:5px 20px 0 0;
}
.footer .lastest_posts a {
}
.footer .col_1_3 {
	width:280px;
	margin:20px 40px 0 0;
}
.footer .col_1_3.last {
	width:280px;
	margin:20px 0 0 0;
}
.footer .flickr ul {
	margin-right:-20px;
}
.footer .flickr ul li {
	padding:0;
	margin:0 20px 20px 0;
	float:left;
}
.ie7 .footer .flickr ul li {
	padding:0;
	margin:0 13px 19px 0;
	float:left;
}
.footer .flickr ul li a {
	border:4px solid #202020;
	display:block;
	width:72px;
	height:72px;
}
.footer_bottom .menu ul {
	list-style: none;
	padding:20px 0 0 0;
}
.footer_bottom .menu ul li {
	float:left;
	position:relative;
	display:block;
	margin:0 40px 0 0;
	padding:0;
	list-style:none;
	z-index: 9999;
}
.footer_bottom .menu ul li a {
	color:#fff;
	font-weight:bold;
	display:block;
	text-decoration:none;
	float:left;
}
.footer_bottom .menu ul li a.selected {
	color:#d8c0a8;
}
.footer_bottom .menu ul li a:hover {
	color:#d8c0a8;
}
.footer_bottom p, .footer_bottom p a {
	color:#74665B;
	line-height:22px;
	font-size:11px;
}
.footer_bottom .keep_in {
	padding:20px 0 0 0;
	font-size:14px;
	color:#a6a6a6;
	font-weight:600;
}

<!-- /footer -->
 
 
